<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<title>班级管理 - 学生管理系统</title>
		<link rel="stylesheet" href="../css/public.css" />
		<script>
			function setActive() {
				var buttons = document.getElementsByTagName("button");
				for (var i = 0; i < buttons.length; i++) {
					buttons[i].addEventListener("click", function () {
						for (var j = 0; j < buttons.length; j++) {
							buttons[j].classList.remove("active");
						}
						this.classList.add("active");
					});
				}
			}
		</script>
	</head>
	<body onload="setActive()">
		<header>
			<h1>学生管理系统</h1>
			<nav>
				<a href="../index.html"><button>首页</button></a>
				<a href="student.html"><button>学生管理</button></a>
				<button class="active">班级管理</button>
			</nav>
		</header>
		<main>
			<h2>班级信息表</h2>
			<div class="search_box">
				<input
					type="text"
					id="searchInput"
					placeholder="请输入班级关键字进行搜索..."
					onkeyup="get_by_keyword(this.value)"
				/>
			</div>
			<table id="studentTable" class="table_main">
				<thead>
					<tr>
						<th>班级id</th>
						<th>班级名称</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="data_info"></tbody>
			</table>
			<div class="div_in_container">
				<div class="div_input_son_container">
					<h3>添加班级</h3>
					<div id="add_clas">
						<input
							type="text"
							name=""
							id="add_clas_input"
							placeholder="请输入班级名"
						/>
					</div>
					<button onclick="">添加班级</button>
				</div>
				<div class="div_input_son_container">
					<h3>编辑班级</h3>
					<div id="edit_clas"></div>
					<button onclick="">保存</button>
				</div>
			</div>
		</main>
	</body>
	<script src="../js/request.js"></script>
	<script>
		
	</script>
</html>
